import './App.css'
import {useState,useEffect} from 'react'
import {Routes,Route,Outlet} from 'react-router'
import {BrowserRouter,Link,useNavigate,useParams,useSearchParams} from 'react-router-dom'
import {Home,Classify,Discover,My,Son,Son2} from './api/routes.js'
function App(){
  return (
    <>
        <BrowserRouter>
            <Routes>
                <Route element={<Home />} path='/home'>
                    <Route element={<Classify />} path='/home/Classify'></Route>
                    <Route element={<Discover />} path='/home/discover'></Route>
                    <Route element={<My />} path='/home/my/:id'>
                        <Route element={<Son/>} path='/home/my/:id/Son'></Route>    
                        <Route element={<Son2/>} path='/home/my/:id/Son2'></Route>    
                    </Route>                    
                </Route>

            </Routes>
        </BrowserRouter>
        
    </>
  )
}
export default App;
